import 'package:flutter/material.dart';
//import 'package:flutter_drag_scale_widget/flutter_drag_scale_widget.dart';
import 'package:znmm/UI/A_Common/image/cached_network_Image.dart';
import 'package:znmm/config/app_asset.dart';
import 'package:znmm/config/app_color.dart';

//点击放大图片
class OpenImgView extends StatefulWidget {
  final String? imageUrl;
  const OpenImgView({super.key, this.imageUrl});

  @override
  State<OpenImgView> createState() => _CnOpenImgViewState();
}

class _CnOpenImgViewState extends State<OpenImgView> {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // 返回 false 表示阻止返回（侧滑返回也会被拦截）
        return false;
      },
      child: Material(
        color: Colors.black,
        //type: MaterialType.transparency, // 设置透明背景
        child: Stack(
          children: [
            AppBar(
              automaticallyImplyLeading: false,
              backgroundColor: Colors.transparent,
              actions: [
                IconButton(
                  icon: const Icon(
                    Icons.close,
                    size: 30,
                    color: Colors.white,
                  ),
                  onPressed: () {
                    Navigator.of(context).pop();
                  },
                )
              ],
            ),
            // DragScaleContainer(
            //   doubleTapStillScale: true,
            //   child: widget.imageUrl == null
            //       ? Center(
            //           child: Container(
            //               //height: double.infinity,
            //               width: double.infinity,
            //               color: AppColor.background,
            //               margin: const EdgeInsets.fromLTRB(5, 0, 5, 0),
            //               child: Image.asset(AppAsset.chart03)))
            //       : Center(
            //           child: CachedNetworkImageLoader(
            //             imageUrl: widget.imageUrl!,
            //             fit: BoxFit.contain,
            //           ),
            //         ),
            // ),
          ],
        ),
      ),
    );
  }

  // @override
  // Widget build(BuildContext context) {
  //   return WillPopScope(
  //       onWillPop: () async {
  //         // 返回 false 表示阻止返回（侧滑返回也会被拦截）
  //         return false;
  //       },
  //       child: Scaffold(
  //         //backgroundColor: Colors.black,
  //         backgroundColor: Colors.transparent,
  //         appBar: AppBar(
  //           automaticallyImplyLeading: false, // 去除返回按钮
  //           backgroundColor: Colors.transparent,
  //           actions: [
  //             IconButton(
  //               icon: const Icon(
  //                 Icons.close,
  //                 size: 30,
  //                 color: Colors.white,
  //               ),
  //               onPressed: () {
  //                 Navigator.of(context).pop();
  //               },
  //             )
  //           ],
  //         ),
  //         body: DragScaleContainer(
  //           doubleTapStillScale: true,
  //           child: widget.imageUrl == null
  //               ? Image.asset(AppAsset.invalidImage)
  //               : Center(
  //                   child: CachedNetworkImageLoader(
  //                     imageUrl: widget.imageUrl!,
  //                     fit: BoxFit.contain,
  //                   ),
  //                 ),
  //         ),
  //       ));
  // }
}


/*

   Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => const OpenImgView()),
    );

*/